import React from 'react'
import { Select, Row, Col } from 'antd';
import { useTranslation } from 'react-i18next'
import './nav.scss'
import ChooseLanguage from '../Language/language';
const headerLogo = require('assets/header/herderLogo.png')
interface userInfo {
    name: string
}
interface Iprops {
    anchorEvent: (anchorName: string) => void,
    userInfo?: userInfo,
}

function PhoneNav(props: Iprops) {
    const { t, i18n } = useTranslation();
    return (
        <nav className='nav-phone'>
            <div className='upload-box' onClick={() => {
                i18n.changeLanguage('en')
            }}>
                <div>
                    <img src={headerLogo} alt="logo" className='logoImg' />
                    <span>
                        Skilltree
                    </span>
                </div>
            </div>
            <div className='switch-language-box'>
                <ChooseLanguage isPhone={true} />
            </div>
        </nav>
    )
}

export default PhoneNav
